<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="X-UA-Compatible" content="chrome=1;IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Railbox</title>
    <link rel="stylesheet" href="../../../railView/css/railbox.css" type="text/css" />
    <link rel="stylesheet" href="../css/railView.css" type="text/css" />
    <script type="text/javascript" src="../js/UUID.js"></script>
    <script type="text/javascript" src="../../../railView/js/railbox-2.0.0.js" charset="utf-8"></script>
    <!-- vue -->
    <script src="../js/vue.min.js"></script>
    <style>
        .tip {
            position: absolute;
            top: 40px;
            left: 45px;
            z-index: 99;
            color: red;
        }
    </style>
    <body>
        <div id="app">
            <div class="tip">
                请确保服务端有GPU配置
            </div>
            <div id="viewer" style="width:100%;height:100%;position:relative;float:left"></div>>
        </div>
        <script id="viewerStartup">
             const vm = new Vue({
                el: '#app',
                data: {
                    Viewer: null,
                },
                mounted () {
                    this.initViewer()
                },
                beforeDestroy () {
                    clearInterval(this.timeout)
                },
                methods: {
                    initViewer () {
                        let this_ = this
                        let proleft = new CarsView("viewer", 'ssr', theWorldBrowserId, this.callbackleft, {
                            isShowAxis: true,
                            modelServiceUrl: "http://183.56.197.146:11182"
                        });
                        proleft.then(function (value) {
                            this_.Viewer = value;
                            this_.getInfo()
                        });
                    },
                    callbackleft(nodeNames, nodeIds, position, center, normal) {},
                }
             })
        </script>
    
    </body>
</html>
